/*
 * Basics: font size, font family, hyperlink, etc.
 */
body {
	color: #333;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 10pt;
	line-height: 1.3em;
}

ul			{list-style-position:inside; list-style-type:disc;}
li			{padding-left:10px;}
ul.none		{list-style-position:outside; list-style-type:none;}
ul.none li	{padding-left:0;}

a			{color:#04D;}
a:hover		{color:#F40;}
a:active	{color:#F40;}
a.download	{padding-left:20px; background:url(web/images/icon-link-download.gif) left center no-repeat;}
img.action	{cursor:pointer;}

p			{padding:4px;}
p.compact	{padding:2px; font-size:.9em;}
strong		{font-size: .85em; color: #666;}
span.highlight	{color: #008000; font-weight:bold; font-size: .9em;}
td.highlight {color: #008000; font-weight:bold;}
span.highlight2	{color: #008000; font-weight:bold;}
small, .small	{font-size: .85em;}
smaller, .smaller	{font-size: .75em;}
.weak		{color: #666;}
.selected	{background:#CDF !important ;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; color:#666; margin:0; padding:.4em 0 .3em 0; clear:both;}
h1	{font-family:verdana; font-size:1.3em; padding-top:.2em;}
h2,h3,h4,h5,h6	{font-size:1em;}

.hrule			{font-size:.1em; height:1px; line-height:0;	padding:0; margin:7px 0 4px 0; background:#DDD;}
.hrule-dots		{clear:both; font-size:.1em; height:1px; line-height:0;	padding:0; margin:7px 0 4px 0; background:url(web/images/rule-h-gray-dots.gif) 0 50% repeat-x;}
.hrule-clear	{clear:both; font-size:.1em; height:1px; line-height:0;	padding:0; margin:7px 0 4px 0; background:#fff url(web/images/rule-h-gray-dots.gif) 0 50% repeat-x;}

.nowrap	{white-space:nowrap;}
.hidden	{display:none;}
.left	{float:left;}
.right	{float:right;}
.clear	{clear:both;}
.w7		{width:7em;}
.w5		{width:5em;}
.w4		{width:4em;}
.w3		{width:3em;}
.w2		{width:2.5em;}
.w10	{width:10em;}
.w20	{width:20em;}
.w30	{width:30em;}

/*
 * Tables
 */
table {border:0; font-size:1em;}

table caption,
table td {
	padding: 2px 3px 2px 3px;
}

table th {
	text-align:	left;
	font-weight: normal;
	color: #222;
	background-color: #CCC;
	padding: 2px 3px 2px 3px;
}

tr.odd		{background:#EEE;}
tr.total	{background:#CDF !important;}
td.center, th.center	{text-align:center;}
td.right, th.right		{text-align:right;}

/*
 * Forms
 */
fieldset	{padding:0 5px 5px 5px; border:solid 1px #AAA; display:block;}
legend		{padding:5px; font-size:.9em; color:#666;}

button, input.button {
	margin-left: 5px;
	cursor:	pointer;
	font-size: .9em;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	text-align:	center;
	color: #fff;
	background:#6699CC url(web/images/bg-btn-blue.gif) repeat-x;
	border-color:#99CCFF rgb(17, 85, 153) rgb(17, 85, 153) rgb(153, 204, 255);
	border-style:solid;
	border-width:1px;
}
button.dark {
	color: #fff;
	background:#086BB5 url(web/images/bg-btn-blue-dark.gif) repeat-x;
	border-color:#66AAEE rgb(0, 51, 136) rgb(0, 51, 136) rgb(102, 170, 238);
	border-style:solid;
	border-width:1px;
}
button.gray {
	color:#000;
	background:#DDDDDD url(web/images/bg-btn-gray.gif) repeat-x;
	border-color:#EEEEEE rgb(153, 153, 153) rgb(153, 153, 153) rgb(238, 238, 238);
	border-style:solid;
	border-width:1px;
}
button:disabled, input.button:disabled {
	cursor:	default;
	color: #CCC;
}

button.shortcut {
	width:0; height:0; padding:0; margin:0; border:0; overflow:hidden;
}

dl.form		{padding:0; margin:.3em 0 .6em 0;}
dl.form dt	{clear:both; float:left; width:20%; padding:0; margin:.1em 0 .2em 0; font-size:.9em;}
dl.form dd	{float:left; width:78%; padding:0; margin:.1em 0 .2em 0;}

.integer, .number {text-align: right;}
input.date	{width:6em;}

input, select, textarea {
	font-family: arial;
	margin-top:	1px;
	font-size: 1em;
}
textarea {width:40em; height:10em;}

/* mark 'active', 'error' status on single input has issues when a
   group of inputs (e.g. radios) making up a field. */
input.active,
select.active,
textarea.active	{}

input.error,
select.error,
textarea.error	{}

input.required,
select.required,
textarea.required	{}

/* mark status on field head and field body instead. */
table.form td.active, table.form th.active, dl.form dt.active, dl.form dd.active
	{backgr/ound: #FFD;}

table.form td.error, table.form th.error, dl.form dt.error, dl.form dd.error
	{backgr/ound: #FDD;}

.form .required
	{font-weight: bold !important;}

.controls			{clear:both; background:#FFF ! important;}
tr.controls button	{margin-top:.5em;}


/*
 * Messages	and	notifications
 */
.hint {
	font-size: .9em;
	color: #A52A2A;
	background: #FFFFE0;
	border: solid 1px #E8DD80;
	border-top: solid 1px #F2EDB7;
	border-left: solid 1px #F2EDB7;
}

p.error	{
	color: #C00;
	font-size: .9em;
	font-weight: bold;
	padding-left: 20px;
	background:url(web/images/icon-error.gif) 3px 2px no-repeat;
}

p.warn {
	color: #E80;
	font-size: .9em;
	font-weight: bold;
	padding-left: 20px;
	background:url(web/images/icon-system-status-alert.gif) 3px 2px no-repeat;
}

p.success {
	color: #070;
	padding-left: 20px;
	background:url(web/images/icon-system-status-ok.gif) 3px 2px no-repeat;
}

p.info {
	padding-left: 20px;
	background:url(web/images/icon-information-blue.gif) 3px 2px no-repeat;
}


/*
 * Links
 */
a.star_blue {
	padding-left: 20px;
	background:url(web/images/star_blue.gif) center left no-repeat;
}
a.star_green {
	padding-left: 20px;
	background:url(web/images/star_green.gif) center left no-repeat;
}
a.star_red {
	padding-left: 20px;
	background:url(web/images/star_red.gif) center left no-repeat;
}
a.star_yellow {
	padding-left: 20px;
	background:url(web/images/star_yellow.gif) center left no-repeat;
}


/*
 * Dialogs
 */
div.dialog {
	position: absolute;
	overflow: hidden;
	background: #CDF;
	border: solid 1px #000;
}
div.dialog h1 {
	margin:8px 8px 0 8px;
	padding:.5em;
	background:#E5ECF9;
	cursor:default;
}
div.dialog_content {
	position: relative;
	margin:0 8px 8px 8px;
	padding: 5px;
	background: #FFF;
	overflow: auto;
}
div.dialog_close {
	float:right;
	width:16px;
	height:16px;
	background:url(images/icon-edit-delete.gif) 0 0 no-repeat;
	cursor:pointer;
}


/*
 * Popups
 */
acronym .hover_popup, acronym .click_popup {position:absolute; margin-top:-999999em;}
acronym.hover .hover_popup, acronym.click .click_popup {margin-top:0;}

acronym {
	border-bottom: dotted 1px #666;
	font-style: italic;
}
acronym .hover_popup, acronym .click_popup {
	font-style: normal;
	background: #FFFFE0;
	border: solid 1px #333;
	padding: .1em;
	width: 20em;
}

acronym.dropdown_buttons {
	position: relative;
	display: block;
	width: 9em;
	padding: 0;
	border: solid 1px #AAA;
	background: #FFF;
	font-family: arial;
	font-style: normal;
}
acronym.dropdown_buttons .hover_popup, 
acronym.dropdown_buttons .click_popup,
acronym.dropdown_buttons .popup {
	width: 9em;
	padding: 0;
	margin-left: -1px;
	border: solid 1px #666;
	background: #FFF;
}
acronym.dropdown_buttons a {
	display: block;
	border: solid 1px transparent;
	text-align: center;
	text-decoration: none;
	color: #333 !important ;
}
acronym.dropdown_buttons a:hover {
	color: #333 !important ;
}
acronym.dropdown_buttons .hover_popup a, 
acronym.dropdown_buttons .click_popup a,
acronym.dropdown_buttons .popup a {
	margin: .2em;
	text-align: left;
}
acronym.dropdown_buttons .hover_popup a:hover, 
acronym.dropdown_buttons .click_popup a:hover,
acronym.dropdown_buttons .popup a:hover {
	border: dotted 1px #333;
}

.popup {
	position: absolute;
	margin-top: -999999em;
	background: #FFFFE0;
	border: solid 1px #333;
	padding: 2px;
}


/*
 * Grid
 */
table.grid th,
table.grid td	{font-size:.95em;}

/* fixed header */
div.fixed_head_c1 {
	position: relative;
	margin: 0;
}
div.fixed_head_c2 {
	overflow-y: scroll;	
	overflow-x: hidden;
	width: auto;
	height: 100%;
}
div.fixed_head_c2 thead tr {
	position: absolute;	/* throws the header out of the table */
	top: 0px;
	left: 0px;
}
tbody.scrollbarAtRight td:last-child {
	padding-right:20px;
}

/* dragable & sortable header */
table.grid th a.ha {
	position: relative;
	display: block;
	padding-right: 12px;
	color: #333 !important ;
}
table.no_sort th a.ha {
	text-decoration: none;
}
table.grid th a.asc {
	background: url(web/images/arr-up.gif) center right no-repeat;
}
table.grid th a.desc {
	background: url(web/images/arr-down.gif) center right no-repeat;
}
#grid_ins_mark {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(web/images/arr2-down.gif) no-repeat;
	z-index: 1000;
}

/* grid controls */
div.grid_controls		{ width: 99%; }
div.grid_controls a		{ text-decoration: none; white-space: nowrap; }
div.grid_controls div.l	{ float: left; margin-left: .5em; }
div.grid_controls div.r	{ float: right; margin-right: .5em; }


/*
 * Tree
 */
ul.tree, ul.tree ul		{padding:0; margin:0; list-style:none;}
ul.tree li				{padding-left:0;}
ul.tree ul li			{padding-left:15px;}
ul.tree li.tree_leaf	{padding-left:15px;}
ul.tree ul li.tree_leaf	{padding-left:30px;}
ul.tree span.tree_node	{cursor:pointer;}
ul.tree img.tree_img	{cursor:pointer; padding-right:4px;}
ul.tree li.tree_leaf	{cursor:pointer;}


/*
 * Tab
 */
div.tabs a {
	float:left;
	display:block;
	padding:3px 7px 3px 7px;
	margin: 0px 3px 0px 3px;
	font-weight:bold;
	color: #666;
	background:#CCC;
	text-decoration:none;
	border-top: solid 1px #AAA;
	border-left: solid 1px #AAA;
	border-right: solid 1px #AAA;
	cursor: pointer;
}
div.tabs a.act {
	color: #333;
	background:#FFF;
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #FFF;
}
div.tabs div.sep	{border-bottom:solid 1px #666; padding:4px 8px 3px 8px;}
div.tabs			{margin-bottom:.4em; clear:both;}


/*
 * Foldable
 */
span.foldable		{cursor:pointer;}
span.foldable_open	{
	padding-left: 15px;
	background:url(web/images/icon-link-collapse-light.gif) 0 0 no-repeat;
}
span.foldable_close	{
	padding-left: 15px;
	background:url(web/images/icon-link-expand-light.gif) 0 0 no-repeat;
}
span.disabled		{background:#FFF;}


/*
 * Multi-level Navigation
 */
ul.nav, ul.nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.5;
}
ul.nav a {
	display: block;
	width: 10em;
}
ul.nav a.daddy {
	background: url(web/images/icon-link-expand-light.gif) center right no-repeat;
}
ul.nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}
ul.nav li ul { /* second-level lists */
	position: absolute;
	background: #FFF;
	border: solid .2em #AAA;
	width: 10em;
	left: -999em;
}
ul.nav li ul ul { /* third-and-above-level lists */
	margin: -1.7em 0 0 10em;
}
ul.nav li.nav_hover ul ul, ul.nav li.nav_hover ul ul ul, ul.nav li.nav_hover ul ul ul ul {
	left: -999em;
}
ul.nav li.nav_hover ul, ul.nav li li.nav_hover ul, ul.nav li li li.nav_hover ul, ul.nav li li li li.nav_hover ul {
	left: auto;
}
ul.nav li.nav_hover {
	background: #FFFFE0;
}


/*
 * Drag & Drop
 */
ul.sortable li	{position:relative;}


/*
 * Round corner
 */
var.roundcorner {
	display:block; 
	background:transparent; 
	padding:0; margin:0;
}
var.roundcorner * {
	display:block; 
	background:transparent; 
	padding:0; margin:0;
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	border-style:solid;
}
var.rcs1 {border-width: 0 2px;}
var.rcs2 {border-width: 0 1px;}
var.rcn1 {border-width: 0 5px;}
var.rcn2 {border-width: 0 3px;}
var.rcn3 {border-width: 0 2px;}
var.rcn4 {border-width: 0 1px; height: 2px;}
var.rcb1 {border-width: 0 10px;}
var.rcb2 {border-width: 0 8px;}
var.rcb3 {border-width: 0 6px;}
var.rcb4 {border-width: 0 5px;}
var.rcb5 {border-width: 0 4px;}
var.rcb6 {border-width: 0 3px;}
var.rcb7 {border-width: 0 2px; height: 2px;}
var.rcb8 {border-width: 0 1px; height: 2px;}


/*
 * Page	layout
html		{margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body		{margin:0; padding:0; width:100%; height:100%;}
#userid		{position:absolute; left:0; top:0; width:16%; height:4%; overflow:hidden;}
#logo-bar	{position:absolute; left:16%; top:0; width:84%; height:4%;}
#left-nav	{position:absolute; left:0; top:4%; width:16%; height:96%; overflow:hidden;}
#content	{position:absolute; left:16%; top:4%; width:83%; height:96%; margin-left:1%; overflow:auto;}
 */
#flash-msg	{position:absolute; left:5%; bottom:0; width:90%; z-index:100;}
#switch-user-popup {position:absolute; right:0; top:2em; width:30em; margin-top:-999em; z-index:20;}

/* IE std mode need this in order to respond to mouse events correctly */
#left-nav	{background:#FFF;}
#content	{background:#FFF;}

#userid			{background:#4477BB; padding:0 .4em 0 .4em;}
#userid span	{color:#fff; font-weight:bold; display:block;}
#logo-bar		{background:#6699cc;}
#logo			{color:#fff; font-weight:bold; display:block;}

#exit-bar		{color:#fff; background:#000; float:right; padding-left:.3em;}
#exit-bar a		{color:#fff; background:#000; padding:0 .4em 0 .4em;}
#flash-msg		{word-wrap:break-word; background:#FFFFE0; border:solid 1px #333; padding:.2em .1em 0 .3em;}
#switch-user-popup {padding:7px; border:solid 1px #AAA; background:#FFF; line-height:1.6em;}

#popup_content_container {
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	overflow:auto; 
	background:#FFF;
}
#popup_content {
	margin:1em;
}

/*
 * Left navigation
 */
#left-nav {
	background: #FFF;
	padding: 5px;
}
#left-nav-top {
	background: #FFFFE0;
	border: solid 1px #E8DD80;
	border-top: solid 1px #F2EDB7;
	border-left: solid 1px #F2EDB7;
	padding: 5px;
}
#left-nav-top a {color: #A52A2A;}

#left-nav .navtree {
	background: #DBE8F6;
	font-size: .9em;
}
#left-nav .title {
	color: #fff;
	font-weight: bold;
	background: #99CCFF url(web/images/light_blue_bar.gif) repeat-x 0 100%;
	padding: 3px 5px 2px 5px;
	display: block;
}
#left-nav .title_icons {
	display: block;
	float: right;
	padding-top: 1px;
}
#left-nav .foldable_content {
	padding-left: 5px;
}

#left-nav .lvl1_node, #left-nav ul.tree {
	line-height: 1.5;
}


/*
 * Left nav resizer
#left-nav-resizer
			{position:absolute;	left:16%; top:4%; width:5px; height:96%; overflow:hidden; z-index:20;}
#left-nav-resizer {
	background:#FFF;
	text-decoration:none;
}
#left-nav-resizer:hover {
	background:#CDF;
}
#left-nav-resizer.draging, #left-nav-resizer.draging:hover {
	background:#F40;
	cursor: w-resize;
}
 */


/*
 * Loading cursor
 */
#htmlbody_disabledZone1000 {
	cursor:progress;
}

/**
 * Select box 
 */
select.unsel {background:#EEE !important;}

/** 
 * Color
 */
input.highlight {color:#228B22 !important;}